/* General
----------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button,input,select,textarea{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{overflow-y:scroll}
article,aside,figure,figcaption,footer,header,hgroup,iframe,menu,nav,section{display:block}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:"";content:none}
*:focus{outline:none}
time{display:inline}
strong,b,dt,th{font-weight:bold}
em,i,caption,figcaption{font-style:italic}
.underline{text-decoration:underline}
del{text-decoration:line-through}
button::-moz-focus-inner,input::-moz-focus-inner{margin:0;padding:0;border:none;outline:none}
table{border-collapse:collapse}
body{background-color:#bbb;margin:0;padding:0;text-align:left;font:normal normal 13px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;color:#888}
button,input,select,textarea,.button,a.button{width:170px;height:auto;font:normal normal 13px/normal "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;line-height:normal;color:#555;display:inline-block;*display:inline;vertical-align:middle;white-space:nowrap;text-align:left;text-decoration:none;text-transform:none;border:1px solid #bbb;border-top-color:#999;padding:8px;margin:1px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input:focus,textarea:focus{border-color:#4B83AF #5498C9 #5498C9;background-color:white}
textarea{display:block;overflow:auto;white-space:normal;word-wrap:break-word;resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"],.button,a.button{position:relative;width:auto;font-weight:bold;line-height:normal;color:#E8F5FF!important;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#5498C9;border-color:#508EBC;border-bottom-color:#4679A0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2);padding-left:14px;padding-right:14px;cursor:pointer}
option,optgroup{font-family:inherit;color:inherit}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.button:hover,a.button:hover,button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,.button:focus,a.button:focus{background-color:#468BC1;border-color:#4B81AA #4B81AA #396486;color:white!important;text-decoration:none}
button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active,.button:active,a.button:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);border-color:#4679A0}
input[type="checkbox"],input[type="radio"],label,select{cursor:pointer}
input[type="checkbox"],input[type="radio"]{width:auto;height:auto;margin:-2px 2px 0 0;padding:0;border:none;background:none;vertical-align:middle}
select:focus{outline:none;color:black}
input[disabled],input[readonly],textarea[disabled],select[readonly],textarea[readonly]{cursor:default;background-color:#eee}
button[disabled],input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed}
button[disabled],input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled],.button.disabled,a.button.disabled,button[disabled]:hover,input[type="button"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="submit"][disabled]:hover,.button.disabled:hover,a.button.disabled:hover,button[disabled]:active,input[type="button"][disabled]:active,input[type="reset"][disabled]:active,input[type="submit"][disabled]:active,.button.disabled:active,a.button.disabled:active{background-color:#ccc;border-color:#bbb #bbb #bbb;color:#e1e1e1!important;text-shadow:none;top:0;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.button-small,a.button-small{font-size:11px;line-height:1;padding:5px 8px}
::-webkit-input-placeholder{color:#bbb}
:-moz-placeholder{color:#bbb}
::-moz-placeholder{color:#bbb}
:-ms-input-placeholder{color:#bbb}
*:focus::-webkit-input-placeholder{color:transparent}
*:focus:-moz-placeholder{color:transparent!important}
*:focus::-moz-placeholder{color:transparent!important}
*:focus:-ms-input-placeholder{color:transparent!important}
a{color:#346C98;text-decoration:none}
a:focus,a:hover{color:#5886A7;text-decoration:underline}
blockquote,dl,p,figure,ol,ul,table,video,.alert,.block,.button-group,.note,.separator.center,img.center{margin:0 0 20px}
img.center{display:block;margin-left:auto;margin-right:auto}
abbr{color:#666;border-bottom:1px dotted;cursor:help;position:relative}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:-10px 0 10px;padding:20px 0 0;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;line-height:1}
h1:target:after,h2:target:after,h3:target:after,h4:target:after,h5:target:after,h6:target:after,section:target:before{content:"\e06d";font-family:"ei";float:right;line-height:1;color:#C98190;font-weight:normal;font-style:normal}
h1,.h1{font-size:280%}
h2,.h2{font-size:230%}
h3,.h3{font-size:190%}
h4,.h4{font-size:150%}
h5,.h5{font-size:120%}
h6,.h6{font-size:110%}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:-20px}
hr{height:1px;border:none;background-color:#ccc}
dl,ol,ul{margin-left:20px}
ol{list-style:decimal outside}
ul{list-style:square outside}
li{margin:5px 0}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
ol ol,ul ul{margin-left:16px}
dl{overflow:hidden}
li p:first-child,dt p:first-child{margin-top:20px}
dt{clear:left;float:left;width:26%;text-align:right}
dd{margin-left:30%;margin-bottom:20px}
small{font-size:86%}
blockquote,b[rel="quote"]{display:block;font-weight:normal;background-color:#796490;color:white;padding:20px 22px 20px 50px;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(0,0,0,.2)}
blockquote a,blockquote a:focus,blockquote a:hover,b[rel="quote"] a,b[rel="quote"] a:focus,b[rel="quote"] a:hover,b[rel="quote"] code{color:pink}
blockquote:before,b[rel="quote"]:before{content:"\e054";font-family:"ei";font-size:24px;width:1em;height:1em;line-height:1;color:#675A76;position:absolute;top:10px;left:10px}
blockquote:after,b[rel="quote"]:after{content:"";display:block;width:0;height:0;border:10px solid;position:absolute;top:0;right:0;border-color:white white #937CAD #937CAD;-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}
table[border="1"]{background-color:#fafafa;border:1px solid #eee;table-layout:fixed}
table[border="1"] tr{border-top:1px solid #eee;border-bottom:1px solid #eee}
table[border="1"] th,table[border="1"] td{padding:5px 10px;vertical-align:top;text-align:left}
table[border="1"] th,table[border="1"] tfoot td{background-color:white}
table[border="1"] td[rowspan],table[border="1"] td[colspan],table[border="1"] th[rowspan],table[border="1"] th[colspan]{border:1px solid #eee}
table[border="1"] caption{text-align:left;margin:0 0 10px;color:#999}
table tr:target,table[border="1"] tr:target{background-color:#E5F2FC}
table[border="1"] tr:target th,table[border="1"] tr:target td{background:none}
table.full{width:100%}
figure{background-color:#fcfcfc;background-color:rgba(0,0,0,.01);border:1px solid #ededed;border-color:rgba(0,0,0,.058);padding:10px;text-align:center}
figure figcaption{color:#9d9d9d;color:rgba(0,0,0,.45)}
figure img,.post-content figure a img{background:none;padding:0;max-width:100%}
.align-left,.alignleft{float:left;margin:10px 1.5em 1em 0}
.align-right,.alignright{float:right;margin:10px 0 1em 1.5em}
html,body{height:100%;min-height:100%;overflow:hidden}
.button.download:before,.button.demo:before,.button.link:before,.button.try:before{font-family:"ei";font-weight:normal;font-style:normal;vertical-align:middle;margin:0 6px 0 -6px;font-size:16px;color:#3E6C90;text-shadow:0 1px 0 rgba(255,255,255,.1)}
.button.download:before{content:"\e0c3"}
.button.demo:before{content:"\e09d"}
.button.link:before{content:"\e052"}
.button.try:before{content:"\e109"}
.button.disabled:before{color:#aaa;text-shadow:none}
.pull-left{float:left}
.pull-right{float:right}
.text-left{text-align:left}
.button-group,.text-center,.center{text-align:center}
.text-right{text-align:right}
.text-justify{text-align:justify}
.catatan,.note,.alert,.instruction,em[rel="note"],.tip,.update,.block{display:block;font-style:normal;color:#333;padding:15px 18px 15px 48px;border-bottom:1px solid rgba(0,0,0,.1);position:relative}
.catatan,.note,em[rel="note"]{background-color:#FCD683}
.alert{background-color:#C95858}
.instruction{background-color:#58C99D}
.tip{background-color:#587EC9}
.update{background-color:#7FAE47}
.alert a,.alert code{color:#FFC0A7}
.instruction a,.instruction code{color:#C4FCE5}
.update a,.update code{color:#CBF0A5}
.tip a,.tip code{color:#AFCBFF}
.catatan:before,.note:before,em[rel="note"]:before,.alert:before,.instruction:before,.update:before,.tip:before{font-family:"ei";display:block;position:absolute;top:15px;left:16px;color:rgba(0,0,0,.15);font-size:22px;line-height:1}
.catatan:before,.note:before,em[rel="note"]:before{content:"\e00b"}
.alert:before{content:"\e009"}
.instruction:before{content:"\e089"}
.update:before{content:"\e107"}
.tip:before{content:"\e0de"}
.block{background-color:#bbb;padding:20px;border:1px solid #888;border-top-color:#666}
.note blockquote:after,.alert blockquote:after,.instruction blockquote:after,.tip blockquote:after,.update blockquote:after{display:none}
iframe.jsfiddle-demo{display:block;width:100%;height:300px}
.button-group iframe.jsfiddle-demo{margin-bottom:0}
.cf{*zoom:1}
.cf:before,.cf:after{content:"";display:table}
.cl{display:block}
.cl,.cf:after{clear:both}
.hidden{display:none}
.invisible{visibility:hidden}
.transparent{opacity:0}
.sr{position:absolute!important;overflow:hidden;clip:rect(0px 0 0 0);clip:rect(0px,0px,0px,0px);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0}
[data-icon]:before{display:inline;vertical-align:middle;font-family:"ei";content:attr(data-icon);speak:none;font-weight:normal;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fff url("") no-repeat 50% 30%;color:white;padding:1em 1.2em;display:none;text-shadow:none}
/* Tooltip
----------------------------------------------- */
.tooltip{font:normal normal 11px/12px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;text-transform:none;text-align:left;letter-spacing:0;color:#eee;background-color:#1c1c1c;border-color:#1c1c1c;padding:6px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:none;position:absolute;z-index:999999;white-space:nowrap;cursor:default}
.tooltip:before{content:"";width:0;height:0;display:block;border:4px solid transparent;position:absolute}
.tooltip.t{bottom:100%;left:-8px;margin-bottom:10px}
.tooltip.t:before{border-top-color:inherit;bottom:-8px;left:10px}
.tooltip.r{top:-2px;left:100%;margin-left:10px}
.tooltip.r:before{border-right-color:inherit;top:8px;left:-8px}
.tooltip.b{margin-top:10px;top:100%;left:-8px}
.tooltip.b:before{border-bottom-color:inherit;top:-8px;left:10px}
.tooltip.l{top:-2px;right:100%;margin-right:10px}
.tooltip.l:before{border-left-color:inherit;top:8px;right:-8px}
.tooltip.t.l{top:auto;right:100%;bottom:100%;left:auto;margin:auto -20px 10px auto}
.tooltip.t.l:before{border-color:transparent;border-top-color:inherit;top:100%;right:10px;bottom:auto;left:auto}
.tooltip.t.r{top:auto;right:auto;bottom:100%;left:100%;margin:auto auto 10px -20px}
.tooltip.t.r:before{border-color:transparent;border-top-color:inherit;top:100%;right:auto;bottom:auto;left:10px}
.tooltip.b.l{top:100%;right:100%;bottom:auto;left:auto;margin:10px -20px auto auto}
.tooltip.b.l:before{border-color:transparent;border-bottom-color:inherit;top:auto;right:10px;bottom:100%;left:auto}
.tooltip.b.r{top:100%;right:auto;bottom:auto;left:100%;margin:10px auto auto -20px}
.tooltip.b.r:before{border-color:transparent;border-bottom-color:inherit;top:auto;right:auto;bottom:100%;left:10px}
.tooltip-long{width:270px;white-space:normal;word-wrap:break-word;line-height:normal}
.no-js *:hover > .tooltip{display:block}
.no-js *:hover > .sr.tooltip{display:none}
/* Wrapper
----------------------------------------------- */
.content-wrapper{height:100%;margin-left:329px;word-wrap:break-word;background-color: #CCC;padding-left: 10px;}
.outer-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}
.blog-wrapper{overflow:hidden;position:relative;background:#2a3542 url("") repeat-y 318px 0;width:1000px;margin:0 auto;top:51px;min-height:100%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);-moz-box-shadow:0 0 2px rgba(0,0,0,.4);box-shadow:0 0 2px rgba(0,0,0,.4);}
/* Menu
----------------------------------------------- */
.toggle-nav{display:none}
.main-nav{position: fixed;width: 1000px;margin: 0 auto;top: 0;z-index: 9;font-size:23px;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;text-transform:uppercase;height:51px;line-height:51px;background-color:#80bc00}
.main-nav .nav a{display:block;color:#fff;text-decoration:none;padding:0 20px;overflow:hidden}
.main-nav .nav a:focus,.main-nav .nav a:hover,.no-js .main-nav .nav li:hover> a{background-color:#a6d04c;color:#0C67C4}
.main-nav .nav a.active,.main-nav .nav a.active:focus,.main-nav .nav a.active:hover{background-color:#466F8E;color:#C4DEF0}
.main-nav .home-icon{float:left;font-size:24px;line-height:2;margin:0;padding-bottom: 2px;}
.main-nav a:focus .home-icon,.main-nav a:hover .home-icon{color:#0C67C4}
.main-nav .nav ul{margin:0;padding:0;position:absolute;top:100%;left:0;z-index:999;background-color:#73a900;width:250px;font-size:14px;text-transform:none;-webkit-box-shadow:0 1px 3px #669600;-moz-box-shadow:0 1px 3px #669600;box-shadow:0 1px 3px #669600}
.main-nav .nav ul li{float:none;display:block}
.main-nav .nav ul a{height:40px;line-height:40px;padding:0 14px;}
.no-js .main-nav .nav li:hover> ul,.no-js .main-nav .nav ul:target,.no-js .main-nav .nav a:focus+ul{display:block}
.nav,.nav li{margin:0;padding:0;list-style:none;position:relative}
.nav li{float:left;display:inline}
.dropdown{width:0;height:0;display:inline-block;vertical-align:middle;border:4px solid transparent}
.dropdown.u{border-bottom-color:inherit;margin-bottom:4px}
.dropdown.r{border-left-color:inherit;margin-left:4px}
.dropdown.d{border-top-color:inherit;margin-top:4px}
.dropdown.l{border-right-color:inherit;margin-right:4px}
/* Top Hide Slide
----------------------------------------------- */
#slidetop{margin:0;position:relative}
#slidetop .innerwrapx{overflow:hidden;padding:20px 10px;color:#DBDBDB;background-color:#a6d04c;display:none}
#slidetop .wrap1{float:left;width:48.5%}
#slidetop .wrap2,#slidetop .wrap3{float:left;width:25%}
#slidetop .section{padding:4px}
#slidetop .widget{position:relative}
.topslide .widget > h2{font-size:160%;font-weight:normal;margin:0 0 10px;padding:5px 0;color:#C50101;border-bottom:1px solid #C50101}
.topslide .widget > h2 a{color:#C50101;text-decoration:none;outline:0}
.btn.tslide{width:0;height:0;text-indent:-9999px;position:absolute;top:100%;border-width:20px 24px;border-style:solid;border-color:#80bc00 transparent transparent transparent;left:8px;cursor:pointer}
.btn.tslide:after{content:"+";color:#FFFFFF;display:block;position:absolute;top:-24px;left:-4px;font-size:17px;text-indent:0;font-weight:bold}
.btn.tslide.active:after{content:"-";top:-22px;font-size:27px}
/* Iklan
----------------------------------------------- */
.ad{display:block;background-color:#508EBC;text-decoration:none!important;overflow:hidden}
.ad-empty{display:block;background-color:white;color:#ccc;font-size:11px;text-align:center;text-decoration:none}
.ad img,.ad embed,.ad iframe,.ad object{max-width:100%}
.ad-text-1{width:468px;height:15px}
.ad-leaderboard{width:728px;height:90px}
.ad-banner,.ad-banner-half{width:468px;height:60px}
.ad-banner-half{width:234px}
.ad-banner-vertical{width:120px;height:240px}
.ad-button{width:125px;height:125px}
.ad-skyscraper{width:120px;height:600px}
.ad-skyscraper-wide{width:160px}
.ad-rectangle-small{width:180px;height:150px}
.ad-rectangle-medium{width:300px;height:250px}
.ad-rectangle-large{width:336px;height:280px}
.ad-square-small{width:200px;height:200px}
.ad-square{width:250px;height:250px}
/* Header
----------------------------------------------- */
#header-wrapper{margin-bottom:1%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#header{margin:0 15px}
.header-wrapper h1{font:normal 0/0 a;text-shadow:none;margin:0;padding:0}
#header a,#header a:visited{color:white}
.header-wrapper p{margin:0 0 0 20px}
#header-logo{display:block;width:auto;height:35px;margin:40px 0 0 20px;position:relative}
#header-logo span{display:block;float:left;height:10px;font:normal 0/0 a}
#header-logo .char-k,#header-logo .char-o{text-shadow:0 1px 0 #fff,0 2px 0 #ddd,0 3px 0 #ccc,0 4px 0 #bbb,0 5px 0 #aaa,0 6px 0 #999,0 7px 0 #888,0 8px 0 #777,0 9px 0 #666,0 10px 0 #555,0 11px 5px rgba(0,0,0,0.4),0 15px 15px rgba(0,0,0,0.4);color:#eee;font-size:41px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
#header-logo .char-hiddenK{font-size:41px;color:#eee;width:0;opacity:0;-webkit-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-moz-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-ms-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-o-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;text-shadow:0 1px 0 #fff,0 2px 0 #ddd,0 3px 0 #ccc,0 4px 0 #bbb,0 5px 0 #aaa,0 6px 0 #999,0 7px 0 #888,0 8px 0 #777,0 9px 0 #666,0 10px 0 #555,0 11px 5px rgba(0,0,0,0.4),0 15px 15px rgba(0,0,0,0.4)}
#header-logo:hover .char-hiddenK,#header-logo.focus .char-hiddenK,#header-logo.focused .char-hiddenK{width:67px;opacity:1;-webkit-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-moz-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-ms-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-o-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out}
#header-logo .char-hiddenO{font-size:41px;color:#eee;width:60px;opacity:0;-webkit-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-moz-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-ms-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;-o-transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;transition:width 0.5s 0.5s ease-in-out,opacity 0.5s 0.5s ease-out;text-shadow:0 1px 0 #fff,0 2px 0 #ddd,0 3px 0 #ccc,0 4px 0 #bbb,0 5px 0 #aaa,0 6px 0 #999,0 7px 0 #888,0 8px 0 #777,0 9px 0 #666,0 10px 0 #555,0 11px 5px rgba(0,0,0,0.4),0 15px 15px rgba(0,0,0,0.4)}
#header-logo:hover .char-hiddenO,#header-logo.focus .char-hiddenO,#header-logo.focused .char-hiddenO{opacity:1;-webkit-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-moz-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-ms-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;-o-transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out;transition:width 0.6s 0.5s ease-in-out,opacity 0.3s 0.3s ease-out}
#header-logo:hover .char-k,#header-logo:hover .char-o{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
#header-logo .char-symb{position:absolute;top:-16px;left:57px;width:35px;height:35px;border:3px solid #5498C9;border-bottom-color:transparent;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#header-logo .char-symb:before{content:"";position:absolute;display:block;bottom:4px;left:4px;width:23px;height:23px;border:2px solid transparent;border-bottom-color:white;border-left-color:white;-webkit-border-radius:42px;-moz-border-radius:42px;border-radius:42px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#header-logo .char-symb:after{position:absolute;display:block;content:"";top:11px;left:4px;width:10px;height:10px;background-color:white;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
#header-logo .char-symb span{content:"";position:absolute;display:block;top:11px;left:auto;right:4px;width:10px;height:10px;background-color:white;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
#header-logo:hover .char-symb:before{border-bottom-color:#ED1C24;border-left-color:transparent;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
#header-logo .char-symb .trip{top:14px;left:auto;right:7px;width:4px;height:4px;background-color:#ED1C24;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#header-logo .char-symb .trap{top:14px;right:24px;width:4px;height:4px;background-color:#ED1C24;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:1}
#header-logo:hover .char-symb:after,#header-logo:hover .char-symb span{background-color:#5498C9}
#header-logo:hover .char-symb .trip,#header-logo:hover .char-symb .trap{background-color:white}
#header-logo:hover .char-symb,#header-logo:focus .char-symb,#header-logo.focused .char-symb{top:-14px;left:174px;width:35px;height:35px;border-color:yellow;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}
#header-logo .char-symb,#header-logo .char-symb:after,#header-logo .char-symb span{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}
/* Sidebar
----------------------------------------------- */
.sidebar-wrapper{width:318px;word-wrap:break-word;overflow:hidden;background: #2a3542;}
.sidebar-wrapper .inner-wrapper{padding:0 10px 0 10px}
.sidebar-wrapper .ad{margin-top:10px}
.sidebar-wrapper .ad-rectangle-medium-1{margin-top:20px}
.sidebar-wrapper .iklan-wrapper{padding:5px 5px 15px;margin:15px 0;border:2px solid #2a4142}
.sidebar-wrapper .widget{font-size:11px;margin:10px 0 0}
.sidebar-wrapper h2{font-size:16px;line-height:normal;text-transform:uppercase;margin:20px 0 10px;padding:0}
.sidebar-wrapper .widget ol,.sidebar-wrapper .widget ul,.sidebar-wrapper .widget li{margin:0;padding:0;list-style:none}
.sidebar-wrapper .widget ol,.sidebar-wrapper .widget ul{border-top:1px solid #1D252E;border-bottom:1px solid #3f4954}
.sidebar-wrapper .widget li{padding:3px 15px 3px 0;border-top:1px solid #3f4954;border-bottom:1px solid #1d252e}
.sidebar-wrapper .list-media li{text-align:left}
.sidebar-wrapper .list-media-thumbnail{margin-top:5px;margin-bottom:5px}
.sidebar-wrapper .list-media-title{font-size:100%;line-height:inherit}
.sidebar-wrapper .iklan-wrapper .ad{border:1px solid #1d252e;background-color:#2a4142;padding:2px;margin:8px 0 0 8px;position:relative}
/* Label
----------------------------------------------- */
.sidebar-wrapper .widget.Label li{text-align:left}
.sidebar-wrapper .widget.Label .post-count{float:right;background-color:#3f4954;line-height:1;padding:5px 7px;margin:0 -10px 0;font-size:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.sidebar-wrapper .widget.Label li:hover .post-count,.sidebar-wrapper .widget.Label a:focus+.post-count{background-color:#5498C9;color:white}
.sidebar-wrapper .widget a{color:#bbb;font-weight:bold}
.sidebar-wrapper .widget a:focus,.sidebar-wrapper .widget a:hover{color:#eee;text-decoration:none}
.sidebar-wrapper .widget.Label li.selected{background-color:#5498C9;padding:6px 7px;margin:0 0 0 -10px;border:none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);-moz-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);color:white;font-size:16px}
.sidebar-wrapper .widget.Label li.selected a{color:inherit}
.sidebar-wrapper .widget.Label li.selected .post-count{background-color:#466F8E;color:#C4DEF0}
#Label2 ul{margin-left:0}
#Label2 li{float:left;display:inline;margin:0 3px 3px 0;padding:0 5px;height:24px;line-height:24px;color:#eee;background-color:#0C67C4;transition:background-color 0.4s linear}
#Label2 li:hover{background:#084889}
#Label2 li a{padding:0 8px;color:#c2c2c2;transition:color 0.4s linear}
#Label2 a:hover{color:#ccc;text-decoration: inherit;}
/* Label
----------------------------------------------- */
ul#BlogList1_blogs{margin:0}
ul#BlogList1_blogs li{margin:10px 3px 0 3px;display:block;float:left;border:1px solid #4679A0;background-color:#64A7DB;color:#346C98;padding:11px}
ul#BlogList1_blogs li:hover{background-color:#D1EDFF}
.item-thumbnail{width:45px;height:45px;overflow:hidden}
.item-thumbnail img{opacity:0.4}
.item-thumbnail img:hover{opacity:10}
/* Feed Posts
----------------------------------------------- */
#Feed1_feedItemListDisplay ul{margin-left: 14px;}
#Feed1_feedItemListDisplay li{height: 20px;overflow: hidden;}
/* Popular Posts
----------------------------------------------- */
#main-section-alt-1{background: #2a3542;margin-left: -10px}
.PopularPosts{border-bottom:1px solid #3F4954;}
.PopularPosts li{border-top:1px solid #3F4954;border-bottom:1px solid #1a1a1a}
.list-media,.list-media li{list-style:none;margin:0;padding:0;overflow:hidden;font-size:11px;line-height:16px;word-wrap:break-word}
.list-media li{padding:10px}
.list-media-title,.list-media-content,.list-media-meta{display:block}
.list-media-title{margin-bottom:2px;font-size:13px}
.list-media-content{margin-left:50px}
.list-media-meta{margin-top:2px;margin-left:50px}
.list-media-meta time{opacity:.4}
.list-media-thumbnail{display:block;float:left;width:40px!important;height:40px!important;max-width:none!important;max-height:none!important;background-color:#ccc;margin:0 10px 0 0;overflow:hidden}
/* Posts
----------------------------------------------- */
.post .ad-text-1{margin:0 0 30px;background:none}
.post-title{font:normal normal 230%/100% "Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;margin:0;padding:30px;color:#555}
.item .post-title a,.static_page .post-title a{color:inherit;text-decoration:none!important}
.item .date-published{display:block;margin:-10px -10px 30px 0;text-align:right;font-weight:bold;color:#A2A2A2}
.post-content{position:relative;color:#333;background-color:white;height:100%;padding:30px;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.7);-moz-box-shadow:0 0 2px rgba(0,0,0,.7);box-shadow:0 0 2px rgba(0,0,0,.7)}
.index .post-content,.archive .post-content{padding:0;margin:0;background:none;color:inherit;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.post-content section{margin:-10px 0 20px;padding:20px 0 0}
.post-content a img{background-color:#eee;border:none;padding:4px}
.post-header-line-1{height: 13px;background-color:#5498C9;color:#466F8E;margin:-30px -30px 32px;padding:4px 100px 25px 5px;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;font-size:86%;overflow:hidden}
.post-header-line-1 .tags a{color:#C4DEF0;background-color:#466F8E;vertical-align:middle;line-height:34px;padding:3px 6px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.post-header-line-1 .tags a:focus,.post-header-line-1 .tags a:hover{text-decoration:none;background-color:#395A74}
.post-header-line-2{margin:-30px -30px 30px;padding:3px 3px 4px;background-color:#E5F2FC;overflow:hidden}
.post-header-line-button,.post-header-line-button:focus,.post-header-line-button:hover{background-color:#A0BC9D;color:white;font-size:86%;font-weight:bold;line-height:1;text-decoration:none!important;display:inline-block;padding:5px 8px 5px 6px;border-bottom:1px solid #89A086;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}
.post-header-line-button:active{background-color:#9BB298;color:white}
.post-header-line-button:before{color:#555;margin-right:5px}
.post-header-line-button:focus:before,.post-header-line-button:hover:before{color:#333}
.post-footer-line-1{background-color:#5498C9;color:white;margin:30px -30px -30px;padding:15px;overflow:hidden}
.post-footer-line-1 .inner-wrapper{margin:0 0 0 320px}
.post-footer-line-1 h4{margin:0 0 10px;padding:0 12px;font-size:16px;line-height:40px;background-color:#508EBC;border-top:1px solid #4679A0}
.post-footer-line-2{background-color:#4B81AA;color:white;margin:30px -30px -30px;padding:10px 15px;font-size:11px;font-weight:bold;overflow:hidden}
.post-footer-line-2 a{color:#C4DEF0}
.post-footer-line-3{margin:200px -20px -20px;overflow:hidden}
.post-footer-line-3 .iklan-wrapper{width:45.3333333%;background-color:#EDF2F7;border-top:4px solid #DAE2EE;border-bottom:1px solid #DAE2EE;padding:2%;overflow:hidden}
.post-footer-line-3 .ad{margin:0 10px 0 0;background-color:#DAE2EE}
.post-footer-line-3 .ad img{padding:0;background:none}
.index .post-footer-line-3,.archive .post-footer-line-3{margin:10px 10px 10px 0}
.index .post-footer-line-3 .iklan-wrapper,.archive .post-footer-line-3 .iklan-wrapper{margin:0;width:45.15%;border-top-color:#466F8E;border-bottom-color:#466F8E;background-color:#eee}
.post-share-buttons{height:20px;margin-top:1px;margin-right:2px}
/* Comments
----------------------------------------------- */
.comments{background-color:#365A76;border-top:1px solid #294358;color:#9BBCD8;padding:30px;position:relative;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.7);-moz-box-shadow:0 2px 2px rgba(0,0,0,.7);box-shadow:0 2px 2px rgba(0,0,0,.7);overflow:hidden}
.comments a{color:#C4DEF0}
.comments .button{color:white!important}
.comments h2{text-transform:capitalize}
.comment_avatar_wrap{width:42px;height:42px;border:1px solid #151d26;background:#25303c;padding:4px;text-align:center;margin-bottom:20px}
#comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}
#comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment_name a{font: bold 12px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;padding-bottom:10px;font-size:12px;text-decoration:none;font-weight:bold}
.comment_admin .comment_name{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:12px;text-decoration:none}
.comment_admin .comment_date{font-weight:normal;font-size:11px}
.comment_name{font: bold 12px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;padding-bottom:10px;font-size:12px;font-weight:normal;position:relative}
.comment_name i{color:rgb(98,173,49)}
.comment_service{margin-top:5px}
.comment_date{color:#999;float:right;font-size:11px;font-weight:normal}
.comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;font-family: Oswald,Arial,Sans-serif;}
.comment_date a:hover{color:#fff;text-decoration:none}
.comment_body{margin-top:-72px;margin-left:65px;background:#36526C;border:1px solid #2C4B62;padding:15px;color:#999}
div.comment_inner.comment_admin{background:#466276}
.comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#9BBCD8;font-size:13px;word-wrap:break-word;padding-bottom:10px}
.comment_inner{padding:15px;margin:5px 0 5px 0;background-color:#3B6281}
.comment_child .comment_wrap{padding-left:5%}
.comment_reply{display:inline-block;margin-top:4px;margin-left:-5px;padding:1px 12px;color:#fff!important;text-align:center;text-decoration:none;background:#5498C9;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s}
.comment_reply:hover{text-decoration:none!important;;background:#468BC1}
.unneeded-paging-control{display:none}
#comment-editor{width:100%!important;background:#e1e3e6 url("http://4.bp.blogspot.com/-TIf6ayZW9R4/UkxBo2beCQI/AAAAAAAAFsA/XR2DBWD3YG4/s1600/kangis-loader.gif") no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative}
.comment-form{max-width:100%!important}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px}
.comment_form a:hover{text-decoration:underline}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:99%}
img.comment_emo{margin:0;padding:0;vertical-align:middle}
.comment_emo_list{display:none;clear:both;width:100%}
.comment_emo_list .item{float:left;text-align:center;margin:10px 5px 0 0;height:40px;width:55px;color:#999}
.comment_emo_list span{display:block;font-weight:normal;font-size:11px;letter-spacing:1px}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
.comment_header{width:50px}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:inline;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px}
iframe{border:none;overflow:hidden}
.comment-form p{background:#54687c;padding:15px 15px 14px 15px;margin:5px 0 5px 0;color:#f4f4f4;font-size:13px;line-height:20px;border-radius:4px;position:relative}
div.comment_avatar img[src="http://img1.blogblog.com/img/openid16-rounded.gif"]{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s45-c/gravatar.png)}
div:target .comment_inner{background:#487768;transition:all 15s ease-out}
div:target .comment_child .comment_wrap .comment_inner{background:#404c5c}
.form-comment{margin:20px 0 0}
.form-comment-message{background-color:#69A24A;font-size:11px;line-height:16px;color:black;border:1px solid;padding:8px 10px;position:relative}
.form-comment-message:before,.form-comment-message:after{content:"";width:0;height:0;border:10px solid;display:block;position:absolute;top:100%;left:20px;border-color:black black transparent transparent}
.form-comment-message:after{border-width:9px;left:21px;border-color:#69A24A #69A24A transparent transparent}
.form-comment-message code,.form-comment-message code a{color:inherit}
.form-comment iframe{width:100%;height:240px;margin:0 0 20px}
.form-comment .button-cancel,.comment .form-comment-message{display:none}
.comment .button-cancel{display:block}
/* Subscribe
----------------------------------------------- */
.form-subscribe .form-subscribe-text{border-color:#345A76 #467498 #467498}
.form-subscribe .form-subscribe-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#4B81AA;padding-left:10px;padding-right:10px}
.icon-groups{font-size:23px;margin:0 0 10px;overflow:hidden}
.icon-groups a{margin:0 10px 0 0;display:block;float:left;border:1px solid #4679A0;background-color:#64A7DB;color:#346C98;padding:10px}
.icon-groups a:focus,.icon-groups a:hover{background-color:#D1EDFF;text-decoration:none}
.share-button{display:block;width:20px;height:20px;float:left;background:transparent url("http://www.blogger.com/img/share_buttons_20_2.png") no-repeat 0 0;overflow:hidden;margin-left:-1px;position:relative}
.share-button:focus,.share-button:hover{text-decoration:none;z-index:1}
.subscribe-email{background-position:0 0}
.subscribe-email:focus,.subscribe-email:hover{background-position:0 -20px}
.subscribe-email:active{background-position:0 -40px}
.subscribe-blog{background-position:-20px 0}
.subscribe-blog:focus,.subscribe-blog:hover{background-position:-20px -20px}
.subscribe-blog:active{background-position:-20px -40px}
.subscribe-twitter{background-position:-40px 0}
.subscribe-twitter:focus,.subscribe-twitter:hover{background-position:-40px -20px}
.subscribe-twitter:active{background-position:-40px -40px}
.subscribe-facebook{background-position:-60px 0}
.subscribe-facebook:focus,.subscribe-facebook:hover{background-position:-60px -20px}
.subscribe-facebook:active{background-position:-60px -40px}
.subscribe-orkut{background-position:-80px 0}
.subscribe-orkut:focus,.subscribe-orkut:hover{background-position:-80px -20px}
.subscribe-orkut:active{background-position:-80px -40px}
/* Breadcrumbs
----------------------------------------------- */
.breadcrumbs{position:relative;color:#fff;background-color:#5498C9;margin:4px 0 0;height:30px;line-height:30px;padding:0 80px 0 10px;font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-border-radius:0 0 0 15px;-moz-border-radius:0 0 0 15px;border-radius:0 0 0 15px}
.breadcrumbs a{color:#fff}
.breadcrumbs a:focus,.breadcrumbs a:hover{text-decoration:none;color:#eee}
.breadcrumbs i[data-icon]{font-style:normal;margin-right:4px}
.breadcrumbs .link-translate{display:block;position:absolute;top:0;right:10px;height:30px;line-height:30px}
.breadcrumbs .link-translate i[data-icon]{margin-right:0}
.blog-pager{margin:10px 2px 10px -8px}
/* Search
----------------------------------------------- */
.search-form{margin:0;position:absolute;top:0;right:35px;font:normal normal 15px/15px "Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;width:245px;height:52px}
.search-form .close{display:none;position:absolute;top:21px;right:85px;font-size:10px;line-height:1}
.search-form .toggle-option{display:block;font-size:16px;width:1em;height:1em;line-height:1;color:#bbb;position:absolute;top:17px;right:56px;cursor:pointer}
.search-form .toggle-option:focus,.search-form .toggle-option:hover{color:#999}
.search-form .toggle-option.on{color:#5498C9}
.search-form .search-form-text,.search-form .search-form-button{position:absolute;top:10px;right:48px;width:182px;height:32px;margin:0;padding:7px 60px 7px 7px;text-align:left;border:none;outline:none;background-color:white}
.search-form .search-form-button{font:inherit;border:none;background-color:#a6d04c;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;padding:0;width:32px;line-height:32px;text-align:center;color:#fff!important;right:15px}
.search-form .search-form-button:focus,.search-form .search-form-button:hover{color:#999!important}
.search-form-options,.search-form-options li{margin:0;padding:0;list-style:none}
.search-form-options{background-color:#222;position:absolute;top:100%;right:15px;left:15px;margin-top:-10px;width:auto;z-index:999;font:normal normal 13px/30px "Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;-webkit-box-shadow:0 1px 3px black;-moz-box-shadow:0 1px 3px black;box-shadow:0 1px 3px black}
.search-form-options li{float:none;display:block;width:auto;position:relative}
.search-form-options li.selected a:before{color:#508EBC}
.search-form-options a{display:block;padding:0 10px;color:#999;text-decoration:none!important}
.search-form-options a:before{font-size:120%;vertical-align:middle;margin-right:10px;margin-left:-4px}
.search-form-options a:focus,.search-form-options a:hover,.search-form-options li.selected a:focus,.search-form-options li.selected a:hover{background-color:#466F8E;color:white}
.search-form-options a:focus:before,.search-form-options a:hover:before,.search-form-options li.selected a:focus:before,.search-form-options li.selected a:hover:before{color:#294355}
.search-form.sticked{position:fixed;top:5px;right:auto;left:50%;z-index:9999;margin-left:-122px;background-color:#292929;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);box-shadow:0 0 3px rgba(0,0,0,.4)}
.search-form.sticked .toggle-option{top:17px;right:56px}
.search-form.sticked .close{right:84px}
/* Footer
----------------------------------------------- */
.footer-wrapper{background-color:#2b485e;border-top:2px solid #101b23;padding:0 0 10px}
.link-credits{border-top:1px solid #111;border-bottom:1px solid #101b23;background-color:#15242f;color:#ccc;margin-bottom:10px;padding:5px 10px 10px;font-size:11px;line-height:16px}
.link-credits a{font-weight:bold}
.footer-wrapper .co,.footer-wrapper .po{font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;font-size:15px;padding:0 20px}
/* Notifikasi
----------------------------------------------- */
#show-total{position:fixed;top:4px;right:48px;z-index:999;cursor:pointer;float:right;}
.total-show{background-color:#F1C40F;color:white!important;padding:2px 6px;font-size:11px;border-radius:4px;font-weight:bold;}
#notif{cursor:pointer}
#notif:before{border:none;background-color:#a6d04c;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;padding:8px 7px 8px 7px;text-align:center;color:#fff!important;right:15px;position: absolute;top: 10px;font-size:16px;}
#notif:hover:before{color:#999!important}
#notif2{cursor:pointer;display:none}
#notif2:before{background-color:#900;padding:7px;display:block;position:absolute;top:10px;right:15px;z-index:999;transition:all 0.4s ease-out;font-size:16px;color:white!important;}
#notif2:hover:before{color:#999!important}
#cm-wrapper{width:300px;position:fixed;top:45px;right:-381px;z-index:999;background-color:#111;padding:15px 13px 25px 15px;color:#666;font-family:Arial,Sans-serif;border-top:8px solid #5498C9;transition:0.5s ease;height:100%}
#cm-wrapper:before{content:"";width:0;height:0;position:absolute;top:-24px;right:196px;border:8px solid transparent;border-color:transparent transparent #5498C9}
#cm-scroll{width:100%;height:560px;overflow:auto;position:relative}
#comments-container{color:#666;font-family:Arial,Sans-serif}
#comments-container.cm-active{position:fixed;right:0;top:61px}
.scrollgeneric{line-height:1px;font-size:1px;position:absolute;top:0;left:0}
.vscrollerbase{width:7px;background-color:#111;border-radius:3px}
.vscrollerbar{width:7px;background-color:#444;border-radius:3px}
.hscrollerbase{height:10px;background-color:#111;border-radius:3px}
.hscrollerbar{height:10px;background-color:#444;border-radius:3px}
.scrollerjogbox{width:10px;height:10px;top:auto;left:auto;bottom:0;right:0;background-color:gray}
.cm-outer{margin:0 auto;padding:0;font-size:11px;text-transform: none;text-align:left}
.cm-outer pre{background-color:#141414;font-size:11px;color:#7c7c7c}
.cm-outer li{padding:7px 10px 12px;margin:0;list-style:none;clear:both;position:relative;border-top:1px solid #222;border-bottom:1px solid #000;margin-right:10px;line-height: normal;}
.cm-outer code{color:#a6a658;font-size:11px;}
.cm-outer li.selected{border-left:4px solid #fffe8c}
.cm-outer li:first-child{border-top:none}
.cm-outer li:last-child{border-bottom:none}
.cm-text{color:#999}
.cm-outer{margin:0 0 5px}
.cm-header{margin:4px 0 8px 50px;font-size:12px;font-weight:normal!important}
.cm-header a{color:#168980;text-decoration:none;font-size:12px;font-weight:bold}
.cm-header a:hover{color:#e6e6e6;text-decoration:none}
.cm-outer .cm-content{overflow:hidden}
.cm-content{margin-left:50px}
.cm-outer img{display:block;float:left;background:#8fa2cb url("http://img1.blogblog.com/img/anon36.png") no-repeat 50% 50%;overflow:hidden;position:absolute;top:10px;left:0;border:3px solid #222}
.cm-footer{margin-top:7px}
.cm-footer a{color:#168980;text-decoration:none}
.cm-footer a:hover{color:#e6e6e6;text-decoration:none}
div.cm-header img[src="http://img1.blogblog.com/img/openid16-rounded.gif"]{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png)}
.bg_hitam{display: none;position: absolute;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:99;opacity:.30;}
/* Related Post
----------------------------------------------- */
.related-post{margin:2em auto 0;font-size:13px;background:#fff;border-radius:4px}
.related-post h4{font-size:14px;margin:0 0 .5em;background:#9dcb63;color:#fff;padding:14px 20px 14px 75px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}
.related-post h4:before{content:"\f074";font-family:fontAwesome;font-size:22px;font-style:normal;background-color:#8db857;color:#fff;border-radius:4px 0 0 0;top:0;left:0;padding:13px 20px;position:absolute}
ul.related-post-style-1{padding-left:0!important;margin-top:-12px}
.related-post-style-1 li{list-style:none;padding:15px 20px;border-top:1px solid #eceef5}
.related-post-style-1 li a{color:#79798d;text-decoration:none}
.related-post-style-1 li a:hover{color:#33aea5;text-decoration:none}
.related-post-style-1 li:before{content:"\f08e";font-family:fontAwesome;color:#c7cbd4;font-style:normal;top:0;left:0;margin-right:13px}
#related{width:300px}
ul#related-posts{font:bold 11px "Shadows Into Light Two",cursive,Tahoma,Helvetica,FreeSans,sans-serif;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related-posts{font:bold 11px "Shadows Into Light Two",cursive,Tahoma,Helvetica,FreeSans,sans-serif;list-style:none;text-transform:none;margin:10px 0;padding:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 2px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{margin:0;display:block;float:left;border:1px solid #4679A0;background-color:#64A7DB;color:#346C98;padding:11px}
ul#related-posts li a:hover{background-color:#D1EDFF;display:block!important}
ul#related-posts li img{bottom:0;padding:0!important}
/*Social Icon Bottom
----------------------------------------------- */
#sociconx,#sociconx li{padding:0;list-style:none;margin:0;display:inline-block;}
#sociconx li{padding:5px 3px;position:relative}
#sociconx li:active{top:1px}
#sociconx a{line-height:25px;display:block;font-size:0;text-indent:-9999px;width:25px;height:25px;background-color:#468BC1;background-image:url(http://3.bp.blogspot.com/-s-GbLk_ZKvw/UZVFZeZJBwI/AAAAAAAAAak/BMaX2xmv3pI/s1600/social-icons.png);background-position:0 0;background-repeat:no-repeat;-moz-border-radius:9999px;-webkit-border-radius:9999px;border-radius:9999px}
#sociconx a.fbiconx{background-position:-25px 0}
#sociconx a.fbiconx:hover{background-color:#0166E6}
#sociconx a.twiconx{background-position:0 0}
#sociconx a.twiconx:hover{background-color:#2ABAFD}
#sociconx a.goiconx{background-position:-50px 0}
#sociconx a.goiconx:hover{background-color:#DF230A}
#sociconx a.piniconx{background-position:-129px 0}
#sociconx a.piniconx:hover{background-color:#F00202}
#sociconx a.liniconx{background-position:-100px 0}
#sociconx a.liniconx:hover{background-color:#036CCE}
#sociconx a.rssiconx{background-position:-75px 0}
#sociconx a.rssiconx:hover{background-color:#E05B03}
/*Info
----------------------------------------------- */
.sticky{position:fixed;top:80px;z-index:100;border-top:0;}
.kod-modal-single{width:600px;height:200px;background-color:#f3f3f3;border-radius:5px;box-shadow:0 0 2px #333,0 0 6px #333;position:absolute;left:50%;margin-top:-150px;margin-left:-300px;top:-9999px;z-index:9999;transition:all 0.4s ease-in-out;}
.kod-modal-single a{color:white;text-decoration:underline;}
.kod-modal-close{position:absolute;top:5px;right:10px;z-index:9999;cursor:pointer;background-image:url("http://aqusya.googlecode.com/svn/trunk/with/image/notice-spirt.png");background-repeat:no-repeat;background-position:0 0!important;height:29px;width:29px;}
.kod-modal-single .kod-wrap-inner{position:absolute;top:38px;right:10px;bottom:10px;left:10px;padding:20px;overflow:auto;background-color:#196ca8;color:white;text-align:left;line-height:1.7em;border:1px solid #408fc7;border-top:1px solid #063a60;border-left:1px solid #063a60;font-size:14px;}
.kod-wrap-inner .modal-quote{text-align:right;}
.overlay{display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:#000;z-index:9999;opacity:.8;transition:all 0.4s ease-in-out;display:none;}
#info{cursor:pointer;}